// 组件变量
// 名称可按如下规则定义：
// <component>-[type]-[attrtype]-<attr>-[status]

// component:组件名，如button，
// type: 组件类型，如 button 的次要按钮（line）
// attrtype: 属性的具体应用场景。如颜色，用于背景（bg）、文本（text）、边框（border）等
// attr: 属性名称，如color、height、radius等
// status: 表示组件状态或尺寸，如 hover、disabled、s、l 等

// 如：@button-line-bg-color-hover
// 如：@button-line-height-s

// 颜色
@textarea-placeholder-color: @text-color-placeholder;
@textarea-text-color: inherit;
@textarea-limit-color: @text-color-placeholder;
@textarea-bg-color-disabled: @bg-color-component-disabled;
@textarea-color-text-disabled: @text-color-disabled;

// 尺寸
@textarea-height: 56px;

// 字体
@textarea-font-size: @font-size-base;
@textarea-limit-font-size: @font-size;

// 间距
@textarea-padding: 5px @spacer;
@textarea-limit-position-right: @spacer-2;
@textarea-limit-position-bottom: @spacer-1;

// 边框
@textarea-border-color: @border-level-2-color;
@textarea-border-color-hover: @brand-color;
@textarea-border-color-focus: @brand-color;
@textarea-box-shadow-color-focus: @brand-color-focus;
@textarea-border-radius: @border-radius;

// 行高
@textarea-line-height: @text-line-height-base;
